
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<base href="<%=basePath%>">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="JavaScript">
function userRegisterServlet(){
  document.userRegisterForm.action = "servlet/UserRegisterServlet";
  document.userRegisterForm.submit();
 }
</script>
  <title> 注册 </title>
  <link href="css/register.css" rel="stylesheet" type="text/css"/>
  <script type="text/javascript" language="javascript" src="js/register.js" charset="utf-8"></script>
  <script type="text/javascript" language="javascript" src="js/ajaxChk.js" charset="utf-8"></script>
 </head>
	
 <body>
  <form name="userRegisterForm" method="post" action="servlet/UserRegisterServlet">
  <div id="page">
	<div>
		<div class="titleRow">基本信息<span><i>&nbsp(*为必填内容）</i></span></div>
		<table id="tableId">
			<tr>
				<td class="fristCols" width="22%">
					用户名：
				</td>
				<td width="21%">
					<input id="email" name="email" style="width:213px;maxlength:30"  onblur="javascript:ajaxEmailCheck('email');"></input>
				</td>
				<td class="thirdCols" width="57%">
					<span id="emailSpan">* 必填，请输入有效邮箱注册(6-30)</span>
				</td>
			</tr>
			<tr>
				<td class="fristCols">
					密&nbsp&nbsp码：
				</td>
				<td>
					<input id="passWd" name="passwd" type="password" style="width:213px;maxlength:16"
					onblur="javascript:pwChk('passWd');"></input>
				</td>
				<td>
					<span id="passWdSpan">* 必填，由字母、数字或“_”组成，长度不少于6位，不多于16位</span>
				</td>
			</tr>
			<tr>
				<td class="fristCols">
					确认密码：
				</td>
				<td>
					<input id="passWdConfirm" name="passWdConfirm" type="password" style="width:213px;maxlength:16"
					onblur="javascript:rPwChk('passWdConfirm'，'passWd');"></input>
				</td>
				<td>
					<span id="rPassWdSpan">* 必填，请再次输入密码</span>
				</td>
			</tr>						
			<tr>
				<td></td>
			</tr>
			<tr>
				<td></td>
			</tr>
		</table>
		<div class="titleRow">详细信息<span><i>&nbsp(*为必填内容）</i></span></div>
		<table id="tableId">
			<tr>
				<td class="fristCols" width="22%">
					真实姓名：
				</td>
				<td id="userNameId" width="21%">
					<input id="nameCn" name="nameCn" type="text" style="width:213px;maxlength:30" onblur="javascript:nameCnChk('nameCn');"></input>
				</td>
				<td class="thirdCols" width="57%">
					<span id="nameCnSpan">* 必填</span>
				</td>
			</tr>
			<tr>
				<td class="fristCols">
					性&nbsp&nbsp别：
				</td>
				<td>
					<input name="sex" type="radio" value="1">男&nbsp&nbsp</input>
					<input name="sex" type="radio" value="0">女</input>
				</td>
				<td>
					<span>* 必填</span>
				</td>
			</tr>
			<tr>
				<td class="fristCols">
					年&nbsp&nbsp龄：
				</td>
				<td>
					<input id="age" name="age" type="text" style="width:213px;maxlength:30" onblur="javascript:ageChk('age');"></input>											
				</td>
				<td>
					<span id="ageSpan">* 必填</span>
				</td>
			</tr>
			<tr>
				<td class="fristCols">
					体&nbsp&nbsp重：
				</td>
				<td>
					<select id="weight" name="weight" style="width:218px;maxlength:16">
							<option value="01">	10公斤以下</option>
							<option value="02">	10-20公斤</option>
							<option value="03">	20-30公斤</option>
							<option value="04">	30-40公斤</option>
							<option value="05">	40-50公斤</option>
							<option value="06">	50-60公斤</option>
							<option value="07">	60-70公斤</option>
							<option value="08">	70-80公斤</option>
							<option value="09">	80公斤以上</option>

					</select>
				</td>
				<td>
					<span>&nbsp</span>
				</td>
			</tr>
			<tr>
				<td class="fristCols">
					身&nbsp&nbsp高：
				</td>
				<td>
					<select id="height" name="height" style="width:218px;maxlength:16">
							<option value="	01	">	120cm以下	</option>
							<option value="	02	">	120cm-130cm	</option>
							<option value="	03	">	130cm-140cm	</option>
							<option value="	04	">	140cm-150cm	</option>
							<option value="	05	">	150cm-160cm	</option>
							<option value="	06	">	160cm-170cm	</option>
							<option value="	07	">	170cm-180cm	</option>
							<option value="	08	">	180cm-190cm	</option>
							<option value="	09	">	190cm以上	</option>
					</select>
				</td>
				<td>
					<span>&nbsp</span>
				</td>
			</tr>
			<tr>
				<td class="fristCols">
					血&nbsp&nbsp型：
				</td>
				<td>
					<select id="bloodType" name="bloodType" style="width:218px;maxlength:16">
							<option value="	1	">	A	</option>
							<option value="	2	">	B	</option>
							<option value="	3	">	AB	</option>
							<option value="	4	">	O	</option>
					</select>
				</td>
				<td>
					<span>&nbsp</span>
				</td>
			</tr>
			<tr>
				<td class="fristCols">
					信&nbsp&nbsp仰：
				</td>
				<td>
					<select id="belief" name="belief" style="width:218px;maxlength:16">
							<option value="	1	">	佛教	</option>
							<option value="	2	">	伊斯兰教	</option>
							<option value="	3	">	基督教	</option>
							<option value="	4	">	其他	</option>
				</td>
				<td>
					<span>&nbsp</span>
				</td>
			</tr>
			<tr>
				<td class="fristCols">
					学&nbsp&nbsp历：
				</td>
				<td>
					<select id="deGree" name="deGree" style="width:218px;maxlength:16">
							<option value="	01	">	小学	</option>
							<option value="	02	">	初中	</option>
							<option value="	03	">	高中	</option>
							<option value="	04	">	大专	</option>
							<option value="	05	">	本科	</option>
							<option value="	06	">	硕士	</option>
							<option value="	07	">	博士	</option>
				</td>
				<td>
					<span>&nbsp</span>
				</td>
			</tr>
			<tr>
				<td class="fristCols">
					专&nbsp&nbsp业：
				</td>
				<td>
					<select id="industry" name="industry" style="width:218px;maxlength:16">
							<option value="	01	">	IT	</option>
							<option value="	02	">	金融	</option>
							<option value="	03	">	法律	</option>
							<option value="	04	">	医生	</option>
							<option value="	05	">	公务员	</option>
							<option value="	06	">	其他	</option>
				</td>
				<td>
					<span>&nbsp</span>
				</td>
			</tr>
				<tr>
					
					<div class="titleRow">其他信息<span><i>&nbsp</i></span></div>
				</tr>
			<tr>
				<td class="fristCols">
					收&nbsp&nbsp入：
				</td>
				<td>
					<select id="income" name="income" style="width:218px;maxlength:16">
							<option value="	01	">	1000以下	</option>
							<option value="	02	">	1000-4000	</option>
							<option value="	03	">	4000-10000	</option>
							<option value="	04	">	10000以上	</option>
				</td>
				<td>
					<span>&nbsp</span>
				</td>
			</tr>
			<tr>
				<td class="fristCols">
					居住城市：
				</td>
				<td>
					<select id="province" name="province" style="width:218px;maxlength:16">
							<option value="	01	">	北京	</option>
							<option value="	02	">	上海	</option>
							<option value="	03	">	天津	</option>
							<option value="	04	">	重庆	</option>
							<option value="	05	">	浙江省	</option>
							<option value="	06	">	河南省	</option>
							<option value="	07	">	湖南省	</option>
							<option value="	08	">	湖北省	</option>
							<option value="	09	">	福建省	</option>
				</td>
				<td>
					<span>&nbsp</span>
				</td>
			</tr>
			<tr>
				<td class="fristCols">
					是否已婚：
				</td>
				<td>
					<input name="marriage" type="radio" value="1">已婚&nbsp&nbsp</input>
					<input name="marriage" type="radio" value="0">未婚</input>
				</td>
				<td>
					<span>&nbsp</span>
				</td>
			</tr>
			<tr>
				<td class="fristCols">
					bak1：
				</td>
				<td>
					<input id="bak1" name="bak1" type="text" style="width:213px;maxlength:30"></input>
				</td>
				<td>
					<td>&nbsp</td>
				</td>
			</tr>
			<tr>
				<td class="fristCols">
					bak2：
				</td>
				<td>
					<input id="bak2" name="bak2" type="text" style="width:213px;maxlength:30"></input>
				</td>
				<td>
					<td>&nbsp</td>
				</td>
			</tr>
			<tr><td>&nbsp</td></tr>
		</table>
		<table>
			<tr>
				<td width="30%">&nbsp</td>
				<td class="fristCols">
					<input type="reset" value="重置信息">&nbsp</input>
				</td>
				<td align="center" width="100px">
					<input type="button" onclick="javascript:userRegisterServlet()" value="马上注册">&nbsp</input>
				</td>
				<td>
					<input type="button" value="取&nbsp&nbsp&nbsp&nbsp消"></input>
				</td>
				<td width="25%">&nbsp</td>
			</tr>
		</table>
		<br></br>
	</div>
	</form>
 </body>
</html>